<template>
	<view class="box w-p-100 h-100 round-8 flex gap-6 flex-x-space-between flex-y-center px-20" @click="$page.open('/pages/plans/index')">
		<view class="flex flex-column gap-10 text-white">
			<text class="fs-18 fw-bold ">算力中心</text>
			<view class="flex fs-14">
				我的算力:<image src="/static/image/sl.png" class="w-16 h-16"></image>{{USERINFO?.points?USERINFO.points:0}}
			</view>
		</view>
		<image src="/static/image/sl.png" class="h-80 w-80"></image>
	</view>
</template>

<script setup>
	import { useRefs, useUserStore, useWebConfigStore } from '@/stores'
	import { $page } from '@/utils'
	const { USERINFO } = useRefs(useUserStore())
</script>

<style>
	.box {
		background: linear-gradient( 270deg, #40BCFF 0%, #135DEC 100%);
	}
</style>